<!--
 * @Author: 码上talk|RC
 * @Date: 2021-08-11 10:57:07
 * @LastEditTime: 2021-09-01 08:24:20
 * @LastEditors: 码上talk|RC
 * @Description: 
 * @FilePath: /axq/ma-portal/subpackage/default/pages/message/type.vue
 * @微信:  13680065830
 * @邮箱:  3189482282@qq.com
 * @oops: Just do what I think it is right
-->
<template>
  <view class="message-list">
    <view class="m-item" @tap="developing">
      <view class="l">
        <image :src="'icon/nonmember.png' | prefixOssUrl" mode />
        <view class>非本店会员消费提醒</view>
      </view>
      <iocn class="iconfont r">&#xe641;</iocn>
    </view>
    <view class="m-item" @tap="developing">
      <view class="l">
        <image :src="'icon/member.png' | prefixOssUrl" mode />
        <view class>本店会员跨店消费提醒</view>
      </view>
      <iocn class="iconfont r">&#xe641;</iocn>
    </view>
    <a-logo class="axq-logo" type="text"></a-logo>
  </view>
</template>

<script>
export default {
  data () {
    return {}
  },
  methods: {
    toConsumePage (type) {
      uni.navigateTo({
        url: `/subpackage/default/pages/message/list?type=${type}`
      });
    }
  }
};
</script>

<style lang="less">
page {
  background-color: #f7f7f7;

  .message-list {
    .m-item {
      padding: 30rpx 20rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      border-bottom: 1rpx solid #e8e8e8;

      .l {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 31rpx;
        font-family: PingFang SC;
        font-weight: bold;

        image {
          width: 40rpx;
          height: 40rpx;
          margin-right: 20rpx;
        }
      }
    }

    .axq-logo {
      position: fixed;
      bottom: 0;
    }
  }
}
</style>